﻿<!DOCTYPE html>
<html>
  <head>
    <title>Extend 扩展组件</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/extend_扩展组件/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/extend_扩展组件/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u12531" class="ax_default label">
        <img id="u12531_img" class="img " src="images/extend_扩展组件/u12531.png"/>
        <!-- Unnamed () -->
        <div id="u12532" class="text" style="visibility: visible;">
          <p><span>Extend 扩展组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12533" class="ax_default label">
        <img id="u12533_img" class="img " src="images/extend_扩展组件/u12533.png"/>
        <!-- Unnamed () -->
        <div id="u12534" class="text" style="visibility: visible;">
          <p><span>一些常用但不在Element UI 中的组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12535" class="ax_default label">
        <img id="u12535_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u12536" class="text" style="visibility: visible;">
          <p><span>头像列表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12537" class="ax_default label">
        <img id="u12537_img" class="img " src="images/extend_扩展组件/u12537.png"/>
        <!-- Unnamed () -->
        <div id="u12538" class="text" style="visibility: visible;">
          <p><span>一组用户头像，常用在项目/团队成员列表</span></p>
        </div>
      </div>

      <!-- 史蒂夫·乔布斯 (Image) -->
      <div id="u12539" class="ax_default _图片" data-label="史蒂夫·乔布斯">
        <img id="u12539_img" class="img " src="images/avatar___/u8605.png"/>
        <!-- Unnamed () -->
        <div id="u12540" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 斯蒂夫·沃兹尼亚克 (Image) -->
      <div id="u12541" class="ax_default _图片" data-label="斯蒂夫·沃兹尼亚克">
        <img id="u12541_img" class="img " src="images/avatar___/u8605.png"/>
        <!-- Unnamed () -->
        <div id="u12542" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 乔纳森·伊夫 (Image) -->
      <div id="u12543" class="ax_default _图片" data-label="乔纳森·伊夫">
        <img id="u12543_img" class="img " src="images/avatar___/u8605.png"/>
        <!-- Unnamed () -->
        <div id="u12544" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 提示 (Group) -->
      <div id="u12545" class="ax_default ax_default_hidden" data-label="提示" style="display: none; visibility: hidden">

        <!-- 姓名 (Rectangle) -->
        <div id="u12546" class="ax_default box_1" data-label="姓名">
          <img id="u12546_img" class="img " src="images/extend_扩展组件/姓名_u12546.png"/>
          <!-- Unnamed () -->
          <div id="u12547" class="text" style="visibility: visible;">
            <p><span>消息文字详情</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u12548" class="ax_default box_2">
          <img id="u12548_img" class="img " src="images/navmenu_____/u10131.png"/>
          <!-- Unnamed () -->
          <div id="u12549" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12550" class="ax_default box_3">
        <img id="u12550_img" class="img " src="images/extend_扩展组件/u12550.png"/>
        <!-- Unnamed () -->
        <div id="u12551" class="text" style="visibility: visible;">
          <p><span>+2</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12552" class="ax_default label">
        <img id="u12552_img" class="img " src="images/color___/u358.png"/>
        <!-- Unnamed () -->
        <div id="u12553" class="text" style="visibility: visible;">
          <p><span>倒计时</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12554" class="ax_default label">
        <img id="u12554_img" class="img " src="images/table___/u7385.png"/>
        <!-- Unnamed () -->
        <div id="u12555" class="text" style="visibility: visible;">
          <p><span>根据设置目标时间来倒计时的组件。</span></p>
        </div>
      </div>

      <!-- 文本 (Rectangle) -->
      <div id="u12556" class="ax_default label" data-label="文本" title="本应用采用国外先进技术研发而成">
        <img id="u12556_img" class="img " src="images/extend_扩展组件/文本_u12556.png"/>
        <!-- Unnamed () -->
        <div id="u12557" class="text" style="visibility: visible;">
          <p><span>59</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12558" class="ax_default box_1">
        <img id="u12558_img" class="img " src="images/button___/u1643.png"/>
        <!-- Unnamed () -->
        <div id="u12559" class="text" style="visibility: visible;">
          <p><span>开始</span></p>
        </div>
      </div>

      <!-- 循环面板 (Dynamic Panel) -->
      <div id="u12560" class="ax_default" data-label="循环面板">
        <div id="u12560_state0" class="panel_state" data-label="State1">
          <div id="u12560_state0_content" class="panel_state_content">
          </div>
        </div>
        <div id="u12560_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u12560_state1_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 文本 (Rectangle) -->
      <div id="u12561" class="ax_default label" data-label="文本" title="本应用采用国外先进技术研发而成">
        <img id="u12561_img" class="img " src="images/extend_扩展组件/文本_u12561.png"/>
        <!-- Unnamed () -->
        <div id="u12562" class="text" style="visibility: visible;">
          <p><span>:</span></p>
        </div>
      </div>

      <!-- 文本 (Rectangle) -->
      <div id="u12563" class="ax_default label" data-label="文本" title="本应用采用国外先进技术研发而成">
        <img id="u12563_img" class="img " src="images/extend_扩展组件/文本_u12556.png"/>
        <!-- Unnamed () -->
        <div id="u12564" class="text" style="visibility: visible;">
          <p><span>00</span></p>
        </div>
      </div>

      <!-- 文本 (Rectangle) -->
      <div id="u12565" class="ax_default label" data-label="文本" title="本应用采用国外先进技术研发而成">
        <img id="u12565_img" class="img " src="images/extend_扩展组件/文本_u12561.png"/>
        <!-- Unnamed () -->
        <div id="u12566" class="text" style="visibility: visible;">
          <p><span>:</span></p>
        </div>
      </div>

      <!-- 文本 (Rectangle) -->
      <div id="u12567" class="ax_default label" data-label="文本" title="本应用采用国外先进技术研发而成">
        <img id="u12567_img" class="img " src="images/extend_扩展组件/文本_u12556.png"/>
        <!-- Unnamed () -->
        <div id="u12568" class="text" style="visibility: visible;">
          <p><span>00</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12569" class="ax_default label">
        <img id="u12569_img" class="img " src="images/cascader______/u4604.png"/>
        <!-- Unnamed () -->
        <div id="u12570" class="text" style="visibility: visible;">
          <p><span>文本自动省略号</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12571" class="ax_default label">
        <img id="u12571_img" class="img " src="images/checkbox____/u2580.png"/>
        <!-- Unnamed () -->
        <div id="u12572" class="text" style="visibility: visible;">
          <p><span>文本过长自动处理省略号</span></p>
        </div>
      </div>

      <!-- 文本 (Rectangle) -->
      <div id="u12573" class="ax_default label" data-label="文本" title="本应用采用国外先进技术研发而成">
        <img id="u12573_img" class="img " src="images/extend_扩展组件/文本_u12573.png"/>
        <!-- Unnamed () -->
        <div id="u12574" class="text" style="visibility: visible;">
          <p><span>本应用采用国外先进技术研发而成</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12575" class="ax_default box_1">
        <img id="u12575_img" class="img " src="images/extend_扩展组件/u12575.png"/>
        <!-- Unnamed () -->
        <div id="u12576" class="text" style="visibility: visible;">
          <p><span>截取10个字</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12577" class="ax_default label">
        <img id="u12577_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u12578" class="text" style="visibility: visible;">
          <p><span>全局页脚</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12579" class="ax_default label">
        <img id="u12579_img" class="img " src="images/icon_图标/u480.png"/>
        <!-- Unnamed () -->
        <div id="u12580" class="text" style="visibility: visible;">
          <p><span>全局页脚常居中位于页面最底部，承载版权等信息。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12581" class="ax_default label">
        <img id="u12581_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u12582" class="text" style="visibility: visible;">
          <p><span>数据文本</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12583" class="ax_default label">
        <img id="u12583_img" class="img " src="images/icon_图标/u480.png"/>
        <!-- Unnamed () -->
        <div id="u12584" class="text" style="visibility: visible;">
          <p><span>全局页脚常居中位于页面最底部，承载版权等信息。</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12585" class="ax_default">

        <!-- Unnamed (Rectangle) -->
        <div id="u12586" class="ax_default label">
          <img id="u12586_img" class="img " src="images/extend_扩展组件/u12586.png"/>
          <!-- Unnamed () -->
          <div id="u12587" class="text" style="visibility: visible;">
            <p><span>12,321</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12588" class="ax_default label">
          <img id="u12588_img" class="img " src="images/extend_扩展组件/u12588.png"/>
          <!-- Unnamed () -->
          <div id="u12589" class="text" style="visibility: visible;">
            <p><span>近7日活跃设备</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12590" class="ax_default label">
          <img id="u12590_img" class="img " src="images/extend_扩展组件/u12590.png"/>
          <!-- Unnamed () -->
          <div id="u12591" class="text" style="visibility: visible;">
            <p><span>17.1</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u12592" class="ax_default box_2">
          <img id="u12592_img" class="img " src="images/extend_扩展组件/u12592.png"/>
          <!-- Unnamed () -->
          <div id="u12593" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12594" class="ax_default">

        <!-- Unnamed (Rectangle) -->
        <div id="u12595" class="ax_default label">
          <img id="u12595_img" class="img " src="images/extend_扩展组件/u12586.png"/>
          <!-- Unnamed () -->
          <div id="u12596" class="text" style="visibility: visible;">
            <p><span>50,193</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12597" class="ax_default label">
          <img id="u12597_img" class="img " src="images/typography___/u384.png"/>
          <!-- Unnamed () -->
          <div id="u12598" class="text" style="visibility: visible;">
            <p><span>近30日活跃设备</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12599" class="ax_default label">
          <img id="u12599_img" class="img " src="images/extend_扩展组件/u12599.png"/>
          <!-- Unnamed () -->
          <div id="u12600" class="text" style="visibility: visible;">
            <p><span>5.3</span></p>
          </div>
        </div>

        <!-- Unnamed (Triangle) -->
        <div id="u12601" class="ax_default box_2">
          <img id="u12601_img" class="img " src="images/extend_扩展组件/u12601.png"/>
          <!-- Unnamed () -->
          <div id="u12602" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u12603" class="ax_default">

        <!-- Unnamed (Rectangle) -->
        <div id="u12604" class="ax_default label">
          <img id="u12604_img" class="img " src="images/extend_扩展组件/u12590.png"/>
          <!-- Unnamed () -->
          <div id="u12605" class="text" style="visibility: visible;">
            <p><span>帮助</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u12606" class="ax_default label">
          <img id="u12606_img" class="img " src="images/extend_扩展组件/u12590.png"/>
          <!-- Unnamed () -->
          <div id="u12607" class="text" style="visibility: visible;">
            <p><span>条款</span></p>
          </div>
        </div>

        <!-- Unnamed (Shape) -->
        <div id="u12608" class="ax_default _形状">
          <img id="u12608_img" class="img " src="images/extend_扩展组件/u12608.png"/>
          <!-- Unnamed () -->
          <div id="u12609" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12610" class="ax_default label">
        <img id="u12610_img" class="img " src="images/extend_扩展组件/u12610.png"/>
        <!-- Unnamed () -->
        <div id="u12611" class="text" style="visibility: visible;">
          <p><span>Copyright © 2019 武汉始终科技有限公司</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12612" class="ax_default label">
        <img id="u12612_img" class="img " src="images/icon_图标/u492.png"/>
        <!-- Unnamed () -->
        <div id="u12613" class="text" style="visibility: visible;">
          <p><span>标签选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12614" class="ax_default label">
        <img id="u12614_img" class="img " src="images/form_表单/u6875.png"/>
        <!-- Unnamed () -->
        <div id="u12615" class="text" style="visibility: visible;">
          <p><span>对标签进行多选，带有折叠收起和展开更多的功能，常用于对列表进行筛选。</span></p>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u12616" class="ax_default">
        <div id="u12616_state0" class="panel_state" data-label="State1">
          <div id="u12616_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u12617" class="ax_default box_1 selected" selectiongroup="标签">
              <img id="u12617_img" class="img " src="images/extend_扩展组件/u12617_selected.png"/>
              <!-- Unnamed () -->
              <div id="u12618" class="text" style="visibility: visible;">
                <p><span>全部（5）</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12619" class="ax_default box_1" selectiongroup="标签">
              <img id="u12619_img" class="img " src="images/extend_扩展组件/u12617.png"/>
              <!-- Unnamed () -->
              <div id="u12620" class="text" style="visibility: visible;">
                <p><span>标签1（2）</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12621" class="ax_default box_1" selectiongroup="标签">
              <img id="u12621_img" class="img " src="images/extend_扩展组件/u12617.png"/>
              <!-- Unnamed () -->
              <div id="u12622" class="text" style="visibility: visible;">
                <p><span>标签2（2）</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12623" class="ax_default box_1" selectiongroup="标签">
              <img id="u12623_img" class="img " src="images/extend_扩展组件/u12617.png"/>
              <!-- Unnamed () -->
              <div id="u12624" class="text" style="visibility: visible;">
                <p><span>标签3（0）</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12625" class="ax_default box_1" selectiongroup="标签">
              <img id="u12625_img" class="img " src="images/extend_扩展组件/u12617.png"/>
              <!-- Unnamed () -->
              <div id="u12626" class="text" style="visibility: visible;">
                <p><span>标签4（0）</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12627" class="ax_default box_1" selectiongroup="标签">
              <img id="u12627_img" class="img " src="images/extend_扩展组件/u12617.png"/>
              <!-- Unnamed () -->
              <div id="u12628" class="text" style="visibility: visible;">
                <p><span>标签5（0）</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12629" class="ax_default box_1" selectiongroup="标签">
              <img id="u12629_img" class="img " src="images/extend_扩展组件/u12617.png"/>
              <!-- Unnamed () -->
              <div id="u12630" class="text" style="visibility: visible;">
                <p><span>标签6（0）</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12631" class="ax_default box_1" selectiongroup="标签">
              <img id="u12631_img" class="img " src="images/extend_扩展组件/u12617.png"/>
              <!-- Unnamed () -->
              <div id="u12632" class="text" style="visibility: visible;">
                <p><span>标签7（0）</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12633" class="ax_default box_1" selectiongroup="标签">
              <img id="u12633_img" class="img " src="images/extend_扩展组件/u12617.png"/>
              <!-- Unnamed () -->
              <div id="u12634" class="text" style="visibility: visible;">
                <p><span>标签8（0）</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12635" class="ax_default label">
              <img id="u12635_img" class="img " src="images/typography___/u378.png"/>
              <!-- Unnamed () -->
              <div id="u12636" class="text" style="visibility: visible;">
                <p><span>展开更多</span></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u12616_state1" class="panel_state" data-label="State2" style="display: none; visibility: hidden;">
          <div id="u12616_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u12637" class="ax_default box_1 selected" selectiongroup="标签收起">
              <img id="u12637_img" class="img " src="images/extend_扩展组件/u12617_selected.png"/>
              <!-- Unnamed () -->
              <div id="u12638" class="text" style="visibility: visible;">
                <p><span>全部（5）</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12639" class="ax_default box_1" selectiongroup="标签收起">
              <img id="u12639_img" class="img " src="images/extend_扩展组件/u12617.png"/>
              <!-- Unnamed () -->
              <div id="u12640" class="text" style="visibility: visible;">
                <p><span>标签1（2）</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12641" class="ax_default box_1" selectiongroup="标签收起">
              <img id="u12641_img" class="img " src="images/extend_扩展组件/u12617.png"/>
              <!-- Unnamed () -->
              <div id="u12642" class="text" style="visibility: visible;">
                <p><span>标签2（2）</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12643" class="ax_default box_1" selectiongroup="标签收起">
              <img id="u12643_img" class="img " src="images/extend_扩展组件/u12617.png"/>
              <!-- Unnamed () -->
              <div id="u12644" class="text" style="visibility: visible;">
                <p><span>标签3（0）</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12645" class="ax_default box_1" selectiongroup="标签收起">
              <img id="u12645_img" class="img " src="images/extend_扩展组件/u12617.png"/>
              <!-- Unnamed () -->
              <div id="u12646" class="text" style="visibility: visible;">
                <p><span>标签4（0）</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12647" class="ax_default box_1" selectiongroup="标签收起">
              <img id="u12647_img" class="img " src="images/extend_扩展组件/u12617.png"/>
              <!-- Unnamed () -->
              <div id="u12648" class="text" style="visibility: visible;">
                <p><span>标签5（0）</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12649" class="ax_default box_1" selectiongroup="标签收起">
              <img id="u12649_img" class="img " src="images/extend_扩展组件/u12617.png"/>
              <!-- Unnamed () -->
              <div id="u12650" class="text" style="visibility: visible;">
                <p><span>标签6（0）</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12651" class="ax_default box_1" selectiongroup="标签收起">
              <img id="u12651_img" class="img " src="images/extend_扩展组件/u12617.png"/>
              <!-- Unnamed () -->
              <div id="u12652" class="text" style="visibility: visible;">
                <p><span>标签7（0）</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12653" class="ax_default box_1" selectiongroup="标签收起">
              <img id="u12653_img" class="img " src="images/extend_扩展组件/u12617.png"/>
              <!-- Unnamed () -->
              <div id="u12654" class="text" style="visibility: visible;">
                <p><span>标签8（0）</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12655" class="ax_default label">
              <img id="u12655_img" class="img " src="images/admin/一级面包屑_u233.png"/>
              <!-- Unnamed () -->
              <div id="u12656" class="text" style="visibility: visible;">
                <p><span>收起</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u12657" class="ax_default box_1" selectiongroup="标签收起">
              <img id="u12657_img" class="img " src="images/extend_扩展组件/u12617.png"/>
              <!-- Unnamed () -->
              <div id="u12658" class="text" style="visibility: visible;">
                <p><span>标签9（0）</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12659" class="ax_default label">
        <img id="u12659_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u12660" class="text" style="visibility: visible;">
          <p><span>鉴权提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12661" class="ax_default label">
        <img id="u12661_img" class="img " src="images/messagebox___/u9576.png"/>
        <!-- Unnamed () -->
        <div id="u12662" class="text" style="visibility: visible;">
          <p><span>权限组件是一个抽象组件，通过判断准入的权限及用户的权限，来决定是否展示内容。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12663" class="ax_default box_1">
        <img id="u12663_img" class="img " src="images/button___/u1628.png"/>
        <!-- Unnamed () -->
        <div id="u12664" class="text" style="visibility: visible;">
          <p><span>点击提示</span></p>
        </div>
      </div>

      <!-- 消息提示 (Dynamic Panel) -->
      <div id="u12665" class="ax_default ax_default_hidden" data-label="消息提示" style="display: none; visibility: hidden">
        <div id="u12665_state0" class="panel_state" data-label="成功">
          <div id="u12665_state0_content" class="panel_state_content">

            <!-- 成功提示 (Group) -->
            <div id="u12666" class="ax_default" data-label="成功提示">

              <!-- Unnamed (Rectangle) -->
              <div id="u12667" class="ax_default box_2">
                <img id="u12667_img" class="img " src="images/message_____/u9141.png"/>
                <!-- Unnamed () -->
                <div id="u12668" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- 文字内容 (Rectangle) -->
              <div id="u12669" class="ax_default label" data-label="文字内容">
                <img id="u12669_img" class="img " src="images/rate_评分/u5774.png"/>
                <!-- Unnamed () -->
                <div id="u12670" class="text" style="visibility: visible;">
                  <p><span>成功提示的文案</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u12671" class="ax_default box_3">
                <img id="u12671_img" class="img " src="images/message_____/u9145.png"/>
                <!-- Unnamed () -->
                <div id="u12672" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u12673" class="ax_default image">
                <img id="u12673_img" class="img " src="images/alert___/u8793.png"/>
                <!-- Unnamed () -->
                <div id="u12674" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u12665_state1" class="panel_state" data-label="消息" style="display: none; visibility: hidden;">
          <div id="u12665_state1_content" class="panel_state_content">

            <!-- 消息提示 (Group) -->
            <div id="u12675" class="ax_default" data-label="消息提示">

              <!-- Unnamed (Rectangle) -->
              <div id="u12676" class="ax_default box_2">
                <img id="u12676_img" class="img " src="images/message_____/u9150.png"/>
                <!-- Unnamed () -->
                <div id="u12677" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- 文字内容 (Rectangle) -->
              <div id="u12678" class="ax_default label" data-label="文字内容">
                <img id="u12678_img" class="img " src="images/extend_扩展组件/文字内容_u12678.png"/>
                <!-- Unnamed () -->
                <div id="u12679" class="text" style="visibility: visible;">
                  <p><span>&nbsp;您没有权限进行此操作</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u12680" class="ax_default box_3">
                <img id="u12680_img" class="img " src="images/message_____/u9154.png"/>
                <!-- Unnamed () -->
                <div id="u12681" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u12682" class="ax_default image">
                <img id="u12682_img" class="img " src="images/alert___/u8804.png"/>
                <!-- Unnamed () -->
                <div id="u12683" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u12665_state2" class="panel_state" data-label="警告" style="display: none; visibility: hidden;">
          <div id="u12665_state2_content" class="panel_state_content">

            <!-- 警告提示 (Group) -->
            <div id="u12684" class="ax_default" data-label="警告提示">

              <!-- Unnamed (Rectangle) -->
              <div id="u12685" class="ax_default box_2">
                <img id="u12685_img" class="img " src="images/message_____/u9159.png"/>
                <!-- Unnamed () -->
                <div id="u12686" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- 文字内容 (Rectangle) -->
              <div id="u12687" class="ax_default label" data-label="文字内容">
                <img id="u12687_img" class="img " src="images/rate_评分/u5774.png"/>
                <!-- Unnamed () -->
                <div id="u12688" class="text" style="visibility: visible;">
                  <p><span>警告提示的文案</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u12689" class="ax_default box_3">
                <img id="u12689_img" class="img " src="images/message_____/u9163.png"/>
                <!-- Unnamed () -->
                <div id="u12690" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u12691" class="ax_default image">
                <img id="u12691_img" class="img " src="images/alert___/u8815.png"/>
                <!-- Unnamed () -->
                <div id="u12692" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="u12665_state3" class="panel_state" data-label="错误" style="display: none; visibility: hidden;">
          <div id="u12665_state3_content" class="panel_state_content">

            <!-- 错误提示 (Group) -->
            <div id="u12693" class="ax_default" data-label="错误提示">

              <!-- Unnamed (Rectangle) -->
              <div id="u12694" class="ax_default box_2">
                <img id="u12694_img" class="img " src="images/message_____/u9168.png"/>
                <!-- Unnamed () -->
                <div id="u12695" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- 文字内容 (Rectangle) -->
              <div id="u12696" class="ax_default label" data-label="文字内容">
                <img id="u12696_img" class="img " src="images/rate_评分/u5774.png"/>
                <!-- Unnamed () -->
                <div id="u12697" class="text" style="visibility: visible;">
                  <p><span>错误提示的文案</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u12698" class="ax_default box_3">
                <img id="u12698_img" class="img " src="images/message_____/u9172.png"/>
                <!-- Unnamed () -->
                <div id="u12699" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (Image) -->
              <div id="u12700" class="ax_default image">
                <img id="u12700_img" class="img " src="images/alert___/u8826.png"/>
                <!-- Unnamed () -->
                <div id="u12701" class="text" style="display: none; visibility: hidden">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
